<template>
  <mt-header fixed  :title="tab.title" style="height:70px" >
    <mt-button icon="back" slot="left" @click="$router.back()">返回</mt-button>
    <mt-button @click="rightFun"  slot="right">{{tab.rightText}}</mt-button>
  </mt-header>
</template>
<script>
  export default {
    props: {
      tab: {
        type: Object,
        default: function () {
          return {
            title: undefined, // 导航标题
            rightText: undefined, // 右侧文字
            textColor: '#000000',      // 文字颜色
            backgroundColor: '#FFFFFF' // 背景颜色
          }
        }
      },
      rightFun: {  // 右侧按钮方法
        type: Function,
        default: null
      }
    }
  }
</script>
<style lang="scss">
  @import '../assets/style/back.scss';
  @import '../assets/style/common.scss';
</style>

